{% extends 'layout.html' %}
{% load static %}
{% block css %}
    <link rel="stylesheet" href="{% static 'web/plugins/layui-v2.5.6/css/layui.css' %}">
{% endblock %}
{% block content %}
    <div class="luffy_container">
        <ul>
            {% for row in body_list %}
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">{{ row.6 }}</h3>
                        <p>
                            子网:{{row.0}},被{{ row.4 }}分配给<span style="font-size: large;">{{ row.2 }}</span>使用，负责人:{{ row.3 }}
                            <br>原因：{{ row.5 }}
                            <br>
                        </p>
                    </div>
                </li>
            {% endfor %}
        </ul>
        <nav>
            <ul class="pagination">
                {{ pager.page_html|safe }}
            </ul>
        </nav>
    </div>
{% endblock %}
{% block js %}
    <script src="{% static 'web/plugins/layui-v2.5.6/layui.all.js' %}"></script>
{% endblock %}